{taglib name="app\recommend\taglib\recommend" /}
{recommend:list mark='index_slide' limit='4' return='data'/}
{notempty name='data'}
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

		<ol class="carousel-indicators">
			{foreach name='data' item='vo'}
				<li data-target="#carousel-example-generic" data-slide-to="{$key}" {eq name="key" value="0"}class="active">{/eq}</li>
			{/foreach}
		</ol>

		<div class="carousel-inner" role="listbox">
			{foreach name='data' item='vo'}
				<div class="item {eq name="key" value="0"}active{/eq}">
					<a href="{$vo.url}"><img src="{$vo.thumb|thumb=1200,300}" alt="{$vo.title}"></a>
					<div class="carousel-caption">
						<h3>{$vo.title}</h3>
					</div>
				</div>
			{/foreach}
		</div>

		<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
	<br>
{/notempty}